<template>
  <div id="notdetail">
    <div class="title">
      <h3>关于四川省福建商会秘书长变更的通知</h3>
      <div class="tubiao">
        <div class="pp">
          <div class="text">点击蓝色关注：</div>
          <img src="../assets/shouzhi.png" alt="">
        </div>
        <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIyNTQ5NTYxNA==&scene=110#wechat_redirect">
          四川省闽南商会
        </a>
        <p>2016-04-06</p>
      </div>
    </div>
    <div class="content">
      <p>我会原任秘书长黄志平先生因工作上的变动，已辞去四川省福建商会秘书长的职务。现由李清灵先生出任执行秘书长的职务，全面主持我会秘书处工作。</p>
      <div class="span">四川省福建省商会</div>
      <div class="span">2016.4.6</div>
    </div>
    <Footer />
  </div>
</template>

<script>
import Footer from 'components/Footer'

export default {
  name: 'Notdetail',
  created: function setTitle () {
    document.title = '重大公告'
  },
  components: {
    Footer
  }
}
</script>

<style lang='scss' scoped>
#notdetail{
  height: 100%;
  padding: 8vw 3.46vw 0 3.46vw;
  background-color: #fff;
  box-sizing: border-box;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  .title{
    h3{
      font-size: 6.13vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(22,22,22,1);
      line-height: 10.13vw;
    }
    .tubiao{
    display: flex;
    align-items: center;
    margin-top: 3.33vw;
      .pp{
        display: flex;
        align-items: center;
        .text{
          font-size: 3.46vw;
          font-family: SourceHanSansCN-Regular;
          font-weight: 400;
          color: rgba(190,190,190,1);
          line-height: 5.2vw;
        }
        &:nth-child(1){
          margin-right: 4vw;
        }
        img{
          width: 3.6vw;
          height: 3vw;
        }
      }
      a{
        text-decoration: none;
        font-size: 3.46vw;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color:rgba(60,86,151,1);
        margin-right: 4vw;
      }
      p{
        font-size: 3.46vw;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color: rgba(190,190,190,1);
        line-height: 5.2vw;
      }
    }
  }
  .content{
    // height: 117vw;
    flex: 1;
    margin-top: 8vw;
    p{
      font-size: 4.26vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(104,104,104,1);
      line-height: 8.26vw;
    }
    .span{
      font-size: 4.26vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(104,104,104,1);
      margin-top: 8vw;
    }
  }
}
</style>
